<?xml version="1.0" encoding="ISO-8859-1" ?>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt" %> 
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>    
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@page import="net.groupme.gui.constants.VIEW_VOCABULARY"%>
<%@page import="net.groupme.controller.ExportController"%>
<%@page import="net.groupme.gui.rendering.constants.RENDERING_CONSTANTS"%>
<%@page import="net.groupme.api.API_CONSTANTS"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<!-- meta tags, link to css:  -->
	<%@ include file="./jsp-includes/mymetaheader.jsp" %>
	
	<title><c:out value="${resource.name}" ></c:out>  [GroupMe!]</title>
	
	<!--  Ajax Scripts -->
    <script type='text/javascript' src='/GroupMe/dwr/interface/DWRSearchManager.js'></script>
    <script type='text/javascript' src='/GroupMe/dwr/engine.js'></script>
    <script type='text/javascript' src='/GroupMe/dwr/util.js'></script>
	<script src="<%= request.getContextPath()%>/scriptaculous/prototype.js" type="text/javascript"></script>
	<script src="<%= request.getContextPath()%>/scriptaculous/scriptaculous.js" type="text/javascript"></script>


	<script type="text/javascript" language="javascript"><!--
	//<![CDATA[//>
	
	/**
	  *Function to switch the content of tabs
	  */
	  
	  var  currentTab = 'website';
	  var currentTabID = '1';
	  function showTab(resultID, tabID){
	  
	  	var openPage = resultID + '_results';
	  	var open_tab_l = 'tab_' + tabID + "_1";
	  	var open_tab_r = 'tab_' + tabID + "_2";
	  	var open_tab_style = 'tab_' + tabID + '_name';
	  	
	  	var closePage = currentTab + '_results';
	  	var close_tab_l = 'tab_' + currentTabID + "_1";
	  	var close_tab_r = 'tab_' + currentTabID + "_2";
	  	var close_tab_style = 'tab_' + currentTabID + '_name';
	  	
	  	$(closePage).hide();
	  	$(openPage).show();
	  	
	  	/*$(close_tab_l).toggleClassName('tab_usl');*/
	  	/*$(close_tab_r).toggleClassName('tab_usr');*/
	  	
	  	$(close_tab_l).removeClassName('tab_sl');
	  	$(close_tab_r).removeClassName('tab_sr');
	  	$(close_tab_l).addClassName('tab_usl');
	  	$(close_tab_r).addClassName('tab_usr');
	  	$(close_tab_style).setStyle({fontWeight: 'normal'});
	  	
	  	/*$(open_tab_l).toggleClassName('tab_sl');*/
	  	/*$(open_tab_r).toggleClassName('tab_sr');*/
	  	$(open_tab_l).removeClassName('tab_usl');
	  	$(open_tab_r).removeClassName('tab_usr');
	  	$(open_tab_l).addClassName('tab_sl');
	  	$(open_tab_r).addClassName('tab_sr');
	  	$(open_tab_style).setStyle({fontWeight: 'bold'});
	  	
	  	currentTab = resultID;
	  	currentTabID = tabID;
	  	
	  }
	//<!]]>
	--></script>
</head>

<body>

	<!-- title image, logo:  -->
	<div id="groupme_header">
		<%@ include file="./jsp-includes/groupme_header.jsp" %>
	</div>
	<!-- Menu: -->
	<div id="menu">
		<%@ include file="./jsp-includes/groupme_menu.jsp" %>
	</div>
	<!-- content and sidebar -->
	<div id="main">
		
		<!-- Content: -->
		<div id="groupContent">
			<div id="mainGroupWindow">
				<div class="ro_bw">
					<div class="lo_bw">
						<div class="ru_bw">
							<div class="lu_bw">		
								<div id="resourceContent">
									<div class="content_header" id="ressource_header" style="padding-top: 2px">
										<small style="color: #006699;">
										<span id="my_home_header">
											Test
										</span> 
										</small>
									</div>
								<div class="generalContent">
								<h3 id="nameOfResource">Tabtest</h3>

								</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div id="rightGroupSidebar">
				<div class="ro_bw">
					<div class="lo_bw">
						<div class="ru_bw">
							<div class="lu_bw">
								<div id="resourceSidebar">
								
									<div class="content_header" id="ressource_header" style="padding-top: 2px">
										<small style="color: #006699;">
										<span id="my_home_header">
											tabtest
										</span> 
										</small>
									</div>
									<div style="padding:0.5em;">
										<div id="uppertabs" style="font-size:0.7em; height:30px; border-bottom:2px solid #5c88c9;">
											<div id="tab_4" style="float: left; margin-right:1px;">
												<div class="tab_usl" id="tab_4_1">
													<div class="tab_usr" id="tab_4_2">
														<div class="tabname" id="tab_4_name" onclick="showTab('image', '4');">
															images
														</div>
													</div>
												</div>
											</div>
											<div id="tab_5"  style="float: left; margin-right:1px;">
												<div class="tab_usl"  id="tab_5_1">
													<div class="tab_usr"  id="tab_5_2">
														<div class="tabname"  id="tab_5_name" onclick="showTab('groupme', '5');">
															groupme
														</div>
													</div>
												</div>
											</div>
											<div id="tab_6"  style="float: left; margin-right:1px;">
												<div class="tab_usl"  id="tab_6_1">
													<div class="tab_usr"  id="tab_6_2">
														<div class="tabname"  id="tab_6_name" onclick="showTab('queue', '6');">
															queue
														</div>
													</div>
												</div>
											</div>
											<div id="tab_7" style="float: left;">
												<div class="tab_usl"  id="tab_7_1">
													<div class="tab_usr"  id="tab_7_2">
														<div class="tabname"  id="tab_7_name" onclick="showTab('html', '7');">
															html
														</div>
													</div>
												</div>
											</div>	
										</div>
										<div id="lowertabs"  style="clear: left; font-size:0.7em;">
											<div id="tab_1" style="float: left; margin-right:1px;">
												<div class="tab_sl"  id="tab_1_1">
													<div class="tab_sr"  id="tab_1_2">
														<div class="tabname" style="font-weight:bold;" id="tab_1_name" onclick="showTab('website', '1');">
															website
														</div>
													</div>
												</div>
											</div>
											<div id="tab_2"  style="float: left; margin-right:1px;">
												<div class="tab_usl"  id="tab_2_1">
													<div class="tab_usr"  id="tab_2_2">
														<div class="tabname"   id="tab_2_name" onclick="showTab('rss', '2');">
															rss
														</div>
													</div>
												</div>
											</div>
											<div id="tab_3" style="float: left;">
												<div class="tab_usl"  id="tab_3_1">
													<div class="tab_usr"  id="tab_3_2">
														<div class="tabname"   id="tab_3_name" onclick="showTab('mm', '3');">
															multimedia
														</div>
													</div>
												</div>
											</div>
										</div>
										<div id="tabcontent" style="clear:left; border-top: 2px solid #5c88c9; ">
											<div id="website_results" style="font-size:0,8em;">
											skdaskd <br />
											skdaskd <br />
											skdaskd <br />
											skdaskd <br />
											skdaskd <br />
											skdaskd <br />
											skdaskd <br />
											skdaskd <br />
											skdaskd <br />
											skdaskd <br />
											skdaskd <br />
											</div>
											<div id="rss_results" style="display:none; font-size:0,8em;">
											</div>
											<div id="mm_results" style="display:none; font-size:0,8em;">
											</div>
											<div id="image_results" style="display:none; font-size:0,8em;">
											</div>
											<div id="groupme_results" style="display:none; font-size:0,8em;">
											</div>
											<div id="queue_results" style="display:none; font-size:0,8em;">
											</div>
											<div id="html_results" style="display:none; font-size:0,8em;">
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="footer">
		<%@ include file="./jsp-includes/footer.jsp" %>
	</div>
</body>
</html>